#mall_view{
  background-color: #f2f2f2;
  .mall_menu{
    background-color: #fff;padding:0 .15rem;
    .wrapper{
      height:1.21rem;width:100%;display:table;
      img{margin-bottom:.12rem;}
      a{
        display:table-cell;vertical-align: middle;text-align: center;color:#919191;font-size:.2rem;position: relative;
        &:before{
          content:"";display:block;position:absolute;width:0;height:0;line-height:0;font-size:0;
          border-bottom: .08rem #202020 solid;left:50%;bottom:.02rem;border-left:.05rem transparent solid;border-right:.05rem transparent solid;
          transform: translate3d(-50%,0,0);opacity:0;transition:all .6s ease;
        }
        &.active:before{
          opacity:1;
        }
        &:after{
          content:'';width:0;height:.03rem;z-index:22;background-color:#202020;position:absolute;left:50%;bottom:-.01rem;transform: translate3d(-50%,0,0);
          opacity:0;transition:all .5s ease;
        }
        &.active:after{
          opacity:1;
          width:100%;
        }
        &.active{
          color:#202020;
        }
      }
    }
  }
  .mall_them_weiz{
    .tit_sty1{padding:.28rem 0;}
    .item_wrapper{
      .img_txt{
        position:relative;display:block;
        h4{
          position:absolute;top:1.78rem;left:50%;transform: translate3d(-50%,0,0);display:flex;flex-direction:column;justify-content:center;
          width:4rem;height:1.2rem;border:.03rem #fff solid;text-align:center;color:#fff;font-size:.32rem;
          small{font-size:.24rem;font-weight:normal;margin-top:.15rem;}
        }
        p{
          position:absolute;bottom:.75rem;text-align:center;width:100%;font-size:.28rem;color:#fff;
        }
      }
      .item{
        background-color:#fff;margin-bottom:.25rem;
      }
      .swiper_a,.swiper_b{
        padding:0 0 .5rem .105rem;
        .swiper-slide{padding:.21rem .105rem .1rem;}
        .swiper-slide .wrapper{box-shadow:0 0 .1rem .06rem #e4e4e4}
        .det{
          line-height:.3rem;font-size:.24rem;padding:.2rem .18rem .15rem;
          .name{height:.3rem;}
          .author{color:#919191;height:.3rem;}
          .price{color:#997760;margin-top:.24rem;overflow:hidden;
            span{float:left;font-size:.28rem;}
            i{float:right;font-size:.3rem;}
          }
        }
      }
    }
  }
}

.mall_them_doc{

}

.mall_them_hos{
  .common_item{
    h4{
      img{width:.28rem;vertical-align:middle;margin-left:.06rem;}
    }
    .total{
      font-size:.18rem;color:#919191;margin-top:.5rem;
      em{display:inline-block;margin-right:.44rem;}
      img{width:.32rem;margin-right:.06rem;vertical-align:middle;}
    }
  }
}

//医生详情
.m_doc_det{
  background-color: #f2f2f2;
  .tit_sty1{padding:.28rem 0 .2rem;}
  header{
    text-align:center;color:#919191;background-color: #fff;font-size:.28rem;line-height: .48rem;padding:.6rem 0 .7rem;
    span{display:inline-block;width:2rem;height:2rem;margin-bottom:.48rem;border-radius:50%;overflow: hidden;background-size:cover}
    h4{
      color:#202020;font-size:.34rem;font-family:'SimHei';
      small{color:#919191;font-size:.28rem;}font-weight:normal;
    }
    var{color:#202020}em{color:#997760}
  }
  .serv_pro{
    background-color: #fff;margin-top:.25rem;
  }
  .professional{
    background-color:#fff;margin-top:.25rem;padding-bottom:.24rem;
    .wrapper{
      margin-top:.64rem;position:relative;
      var{border:.02rem solid #202020;padding:.1rem .2rem;display: inline-block;}
      em{border:.02rem solid #202020;background-color:#fff;padding:.02rem;display: inline-block;font-size:.34rem;color:#202020;text-align:center;
        position: absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0);z-index:222;line-height:1;
      }
      em:before{
        content:"◆";position:absolute;top:50%;left:0;font-size:.14rem;transform:translate3d(-40%,-50%,0)
      }
      em:after{
        content:"◆";position:absolute;top:50%;right:0;font-size:.14rem;transform:translate3d(40%,-50%,0)
      }
    }
    .wrapper_txt{margin-top:-.28rem}
    .wrapper_txt .list:nth-child(1):before{border-top:none}
  }
  .professional.section3{padding-bottom:0;}
  .common_list .right .bot em{margin:0 .28rem 0 0;}

}

// 医院详情
.m_hos_det{
  background-color: #f2f2f2;
  header{
    background-color: #fff;
    .hos_det_h_swiper{
      .pagination{text-align:right;color:#fff;padding-right:.32rem;box-sizing:border-box;font-size:.2rem;letter-spacing: .05rem;
        var{font-size:.28rem;}
      }
      img{width:100%;vertical-align: top}
    }
    .hos_logo{
      display:flex;height:2.07rem;align-items: center;
      .left{width:2.16rem;padding-left:.2rem;
        span{display:inline-block;width:1.6rem;height:1.6rem;background-size:cover;border-radius:50%;}
      }
      .right{
        h4{font-size:.32rem;color:#202020;font-weight:normal;margin-bottom:.24rem;}
        font-size:.24rem;color:#919191;
      }
    }
    .address{
      display:flex;align-items: center;height:.99rem;
      img{width:.4rem;margin:0 .12rem 0 .6rem}
    }
  }
  .contant{
    .tit_sty1{
      padding:.28rem 0 .16rem;margin-bottom:0;
    }
    .item{
      background-color: #fff;margin-top:.24rem;
      .hos_det_c_swiper{
        padding:.2rem 0;
      }
      .txt{
        padding:0 .32rem 0;margin-top:.36rem;height:.96rem;overflow:hidden;transition: all .5s ease-out;
        p{
          text-indent:2em;position:relative;color:#919191;font-size:.28rem;line-height: .48rem;
          &:before{
            content:'◆';position:absolute;left:-2em;
          }
        }
      }
      .more{
        display: block;width:100%;text-align:center;padding:.6rem 0 .7rem;font-size:.34rem;
      }
    }
  }
}

// 品牌专区
.m_brand_zone{
  .item_wrapper{padding:0 .24rem;}
  .item{
    margin:.25rem 0;position:relative;
    img{width:100%;}
    .txt{position:absolute;width:100%;top:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;
      h4{font-size:.32rem;}
      span{width:1rem;height:1rem;border-radius: 50%;background-size:cover;margin-bottom:.25rem;}
    }
  }
}

// 服务详情
.m_serv_det{
  background-color: #f2f2f2;
  .banner{
    img{width:100%;vertical-align: top;}
  }
  header{
    background-color: #fff;
  }
  .info{
    padding:.33rem .6rem .5rem;
    .top{
      display:block;position:relative;color:#202020;font-size:.32rem;padding-left:.16rem;overflow:hidden;
      var,small{height:.3rem;width:100%;line-height:.3rem;}
      small{font-size:.24rem;line-height:.24rem;height:.24rem;margin-top:.08rem;display:block;color:#919191;}
      &:before{content:'';display:block;position:absolute;bottom:0;background-color: #997760;width:.06rem;top:0;left:0;border-radius:30rem;background-clip: content-box;}
    }
    .price{
      display:inline-block;position: relative;margin-top:.6rem;color:#997760;font-size:.28rem;background-color:#efdecc;width:2rem;height:.48rem;line-height:.48rem;box-sizing:border-box;padding:0 .15rem;border-radius:25rem;
      span{line-height:1;display:inline-block;position:relative;top:0;vertical-align: middle;height:.28rem;}
    }
    .o_price{display:inline-block;line-height:.48rem;margin-top:.6rem;color:#919191;font-size:.24rem;display:inline-block;margin-left:.3rem;}
  }
  .promise{
    display:flex;height:.99rem;align-items:center;justify-content:space-around;padding:0 .2rem;line-height:.4rem;font-size:.24rem;color:#919191;
    img{width:.4rem;height:.4rem;vertical-align: top;margin-right: .14rem;}
  }
  .contant{
    margin-top:.24rem;
    .top{
      text-align:center;position:relative;color:#919191;background-color: #fff;font-size:.28rem;line-height: .48rem;padding:.6rem 0 .7rem;
      span.pic{display:inline-block;width:2rem;height:2rem;margin-bottom:.48rem;border-radius:50%;overflow: hidden;background-size:cover}
      h4{
        color:#202020;font-size:.34rem;font-family:'SimHei';
        small{color:#919191;font-size:.28rem;}font-weight:normal;
      }
      .tel{
        position:absolute;right:.96rem;top:1.34rem;line-height:1;color:#919191;font-size:.2rem;
        img{width:.6rem;height:.6rem;margin-bottom:.12rem;}
      }
    }
    .scroll_menu{
      background-color:#fff;padding:0.2rem 0 0.72rem;
      .wrapper{
        width:6.3rem;margin:0 auto;height:.62rem;display: flex;justify-content: center;
        a{
          width:33.33%;text-align: center;line-height:.62rem;height:.62rem;position:relative;color:#919191;font-size:.28rem;
          &:before{
            content:"";display:block;position:absolute;width:0;height:0;line-height:0;font-size:0;
            border-bottom: .08rem #202020 solid;left:50%;bottom:0;border-left:.05rem transparent solid;border-right:.05rem transparent solid;
            transform: translate3d(-50%,0,0);opacity:0;transition:all 0.6s ease;
          }
          &.active:before{

            opacity:1;
          }
          &:after{
            content:'zd';transition:all .5s ease;width:0;height:.03rem;overflow:hidden;z-index:32;background-color:#202020;position:absolute;left:50%;bottom:-.01rem;transform: translate(-50%,0,0);
            opacity:0;
          }
          &.active:after{
            opacity:1;
            width:100%;
          }
          &.active{color:#202020;}
        }
      }
    }
    .item_wrapper{

      .item{
        background-color: #fff;margin-bottom:.24rem;
        .tit_sty1{padding-top:.28rem;margin-bottom:.6rem;}
        .more{display: block;width:100%;text-align:center;padding:.6rem 0 .7rem;font-size: .34rem;}

        .doc_info{
          text-align:center;color:#919191;background-color: #fff;font-size:.28rem;line-height: .48rem;padding:.4rem 0 1rem;
          span{display:inline-block;width:2rem;height:2rem;margin-bottom:.48rem;border-radius:50%;overflow: hidden;background-size:cover}
          h4{
            color:#202020;font-size:.34rem;font-family:'SimHei';
            small{color:#919191;font-size:.28rem;}font-weight:normal;
          }
          var{color:#202020}em{color:#997760}
        }
      }
      .item:nth-child(1) .tit_sty1{margin-bottom:.88rem;}
      .wrapper{
        position:relative;
        var{border:.02rem solid #202020;padding:.1rem .2rem;display: inline-block;}
        em{border:.02rem solid #202020;background-color:#fff;padding:.02rem;display: inline-block;font-size:.34rem;color:#202020;text-align:center;
          position: absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0);z-index:222;line-height:1;
        }
        em:before{
          content:"◆";position:absolute;top:50%;left:0;font-size:.14rem;transform:translate3d(-40%,-50%,0)
        }
        em:after{
          content:"◆";position:absolute;top:50%;right:0;font-size:.14rem;transform:translate3d(40%,-50%,0)
        }
      }
      .txt{
        padding:.23rem .35rem .61rem;
        p{
          text-indent: 2em;position: relative;color: #919191;font-size: .28rem;line-height: .48rem;
        }
        p:before{
          content: "\25C6"; position: absolute;left: -2em;
        }
      }
      .txt_sty_a{
        color: #919191;font-size: .28rem;line-height: .48rem;padding:0 .35rem 0;
        .txt_wrapper>*{display:table;}
        em,span{display:table-cell;vertical-align: top}
        em{width:.86rem;}
      }
      .txt_sty_b{
        color: #919191;font-size: .28rem;line-height: .48rem;padding:0 .35rem 0;text-align:center;
        h4{color:#202020;font-weight:normal;margin-bottom:.05rem;}
        .txt_wrapper{padding:.68rem 0 1.12rem;}
        .txt_wrapper>*{
          padding:.22rem 0;
        }
      }
      .txt_sty_c{
        color: #919191;font-size: .28rem;line-height: .48rem;padding:0 .35rem;
        p{padding-left:2em;}
      }
    }
  }
}
